<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
<title>优莱家居后台管理系统</title>
</head>

<body class="body_bg">
<!----- 头部 ----->
<div class="head">
 <div class="logo"></div>
 <div class="head_right" style="text-align:right;">
   <div>
     <div class="head_arrow_right"></div>
     <div class="head_arrow_bg"><span class="head_line"><a href="#">修改密码</a></span><span><a href="#">安全退出</a></span></div>
     <div class="head_arrow_left"></div>
   </div>
   <div class="clear user_info"><span class="font_white_b">上午好！admin</span>&nbsp;[超级管理员]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;所属部门：信息管理部</div>
 </div>
</div>
<!--------------- 主体 --------------->
<div class="height100">
  <!--- 左边菜单 --->
  <div class="menu">
    <div>
      <ul class="sub"><span class="left">产品分类管理</span><span class="icon_menu_arrow"></span></ul>
      <ul>
        <li><a href="#">子类目添加</a></li>
        <li><a href="#" class="current">类目属性</a></li>
      </ul>
    </div>
    <div>
      <ul class="sub"><span class="left">供应商/产品管理</span><span class="icon_menu_arrow"></span></ul>
      <ul>
        <li><a href="#">供应商/产品管理</a></li>
        <li><a href="#">供应列表查询</a></li>
        <li><a href="#">供应商产品信息发布</a></li>
        <li><a href="#">产品信息管理</a></li>
      </ul>
    </div>
    <div>
      <ul class="sub"><span class="left">成本预算</span><span class="icon_menu_arrow"></span></ul>
      <ul>
        <li><a href="#">材料成本预算</a></li>
        <li><a href="#">工程成本预算</a></li>
      </ul>
    </div>
    <div>
      <ul class="sub"><span class="left">权限系统</span><span class="icon_menu_arrow"></span></ul>
    </div>
    <div>
      <ul class="sub"><span class="left">登录系统</span><span class="icon_menu_arrow"></span></ul>
    </div>
  </div>
  <!--- 右边内容显示区 --->
  <div class="content">
    <div class="address"><span class="icon_address"></span>权限系统&nbsp;>&nbsp;配置角色</div>
    <div class="search">
      <select class="width_270"><option>全部</option></select>
      <a href="#" class="btn left margin_left_5"><span>查询</span></a>
      <span class="icon_role" style="margin-left:300px;"></span>
      <span class="left" style="line-height:22px;">当前角色：<strong>超级管理员</strong></span>
    </div>
    <div style="padding:4px;font-size:0;"></div>
    <!--- 配置角色 --->
    <div class="role_div margin_12">
      <div class="role_div_sub left margin_right12">
        <div class="left"><h1>功能列表</h1><textarea class="textarea150_400"></textarea></div>
        <div class="left" style="padding-top:180px;margin-left:5px;width:55px;">
          <a href="#" class="btn left margin_left_5"><span class="font_12b">&gt;</span></a>
          <a href="#" class="btn left margin_left_5 margin_top8"><span class="font_12b">&lt;</span></a>
        </div>
        <div class="left"><h1>功能权限</h1><textarea class="textarea150_400"></textarea></div>
      </div>
      <div class="role_div_sub left">
        <div class="left"><h1>业务列表</h1><textarea class="textarea150_400"></textarea></div>
        <div class="left" style="padding-top:180px;margin-left:5px;width:55px;">
          <a href="#" class="btn left margin_left_5"><span class="font_12b">&gt;</span></a>
          <a href="#" class="btn left margin_left_5 margin_top8"><span class="font_12b">&lt;</span></a>
        </div>
        <div class="left"><h1>业务范围</h1><textarea class="textarea150_400"></textarea></div>
      </div>
    </div>
    <div class="btn_box_bg  margin_12">
      <a href="#" class="btn left margin_right12"><span>保存</span></a>
      <a href="#" class="btn left"><span>返回</span></a>
    </div>
  </div>
</div>
</body>
</html>
